錶盤的資訊佈局與視覺表達 WatchOS(指南)

螢幕尺寸

資訊佈局

WatchOS 18 的三個新佈局 Dial錶盤檢視, Infographic資訊圖表檢視、List列表檢視

A Dial錶盤檢視。

非常適合一目瞭然地傳遞密集資訊,用全屏顏色和影象,如天氣狀況,可以幫助增加額外的背景資訊。允許新增多達四個不同的角落控制元件,不會遮擋內容。

B 資訊圖檢視非常適合配有文字塊和指標的圖表、圖形和其他資料視覺化。

C 列表檢視,很容易的透過滾動瀏覽內容並精確找到你需要的東西。

背景色和主題

背景內容可以是簡單的顏色、漸變,或是傳達額外資訊的複雜動畫。使用背景顏色來提高使用者體驗,並強調背景內容的實用性。

A 利用背景內容來傳達附加資訊,世界時鐘中的時間、天氣中的當前狀況或公司股價的走勢。

B 背景內容應起到輔助作用,提供附加實用性,而不僅僅是視覺裝飾。使用“移動”、“鍛鍊”和“站立”的強調色來區分三個連續的標籤,這些標籤在一目瞭然時具有相似的佈局。

C 透過顏色傳達特定的情感或氛圍,例如睡眠應用中的這個平靜的藍色背景

D 用全屏顏色來傳達狀態變化。(狀態變化:系統或應用程式中某些條件或模式的變化)

在計時器應用中,當計時器倒數時,背景是黑色的,然後,明亮的橙色宣佈我的煮蛋計時器已完成。

E 文字標籤添帶有四個級別,排版中建立資訊層次感。

材質

A 全屏背景材質,它們在不同的模糊級別上影響背景內容,如超薄、薄、常規和厚。

B 獨特的功能層利用半透明效果來建立層級,幫助使用者理解他們在系統或應用中的位置。

C 狀態列等系統元素在內容滾動時保持清晰可讀。

D 使用系統顏色的元素在放置於鮮豔背景材料上時,會自動調整對比度。